<template>
  <div class="home">
    <nav-bar>
      <!-- <div class='left' slot='left'>zhuye111</div> -->
      <div class='center' slot='center'>购物街</div>
      <!-- <div class='right' slot='right'>right111</div> -->
    </nav-bar>
    <home-swiper :banners="banners"></home-swiper>

  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar.vue'
import HomeSwiper from './childComps/HomeSwiper.vue'
import {getMutiData} from 'network/home.js'

  export default {
    name:'',
    components: {
        NavBar,
        HomeSwiper,
        
    },
    props: {},
    data() {
      return {
        banners:[],
        recommends:[],
      };
    },
    watch: {},
    computed: {},
    methods: {},
    created() {
      getMutiData((res) => {
        console.log('i am callback,and the data is:',res);
        this.banners = res.data.banner.list;
        this.recommends = res.data.recommend.list;
      })
    },
    mounted() {}
  };
</script>

<style>


</style>